<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<link rel="stylesheet" type="text/css" href="css/foundation.css" />
</h:head>
<h:body>

	<div class="row" style="margin-bottom: 5px;">
	    
	    <div class="nine columns">
	      <ul class="nav-bar right">
	        <li><a href="index.xhtml">Página Principal</a></li>
	        <li><a href="Usuario.xhtml">Usuários</a></li>
	        <li><a href="Produto.xhtml">Cadastrar Produtos</a></li>
	      </ul>
	    </div>
	
	</div><!-- TOPO -->


 <div style="margin: 0 auto; width: 960px;">
	<h:form id="form1">
		<p:panel header="Cadastro de Usúarios">
			<h:panelGrid columns="2" cellpadding="5">
				<h:outputText value="Nome: "/>
				<p:inputText id="nomeForm" value="#{usuarioBean.usuario.nome}" />

				<h:outputText value="Login: " />
				<p:inputText id="loginForm" value="#{usuarioBean.usuario.login}" />

				<h:outputText value="Senha: " />
				<p:password id="senhaForm" value="#{usuarioBean.usuario.senha}" />

				<p:commandButton value="Limpar" type="reset" icon="ui-icon-arrowrefresh-1-n" />
				<p:commandButton value="Salvar"
					actionListener="#{usuarioBean.incluir}" update="usuariosTable, nomeForm, loginForm, senhaForm"
					icon="ui-icon-disk"/>
					

			</h:panelGrid>
		</p:panel>



		<p:dataTable var="usuario" value="#{usuarioBean.lista}"
			rowKey="#{usuario.id}" paginator="true" rows="10"
			selectionMode="single" selection="#{usuarioBean.usuarioSelecionado}"
			filteredValue="#{usuarioBean.usuariosFiltrados}" id="usuariosTable">

<!-- 			<p:ajax event="rowSelect" -->
<!-- 				update=":form1:nomeEditar, :form1:loginEditar, :form1:senhaEditar" /> -->
		<p:ajax event="rowSelect" update=":form1:nomeEditar, :form1:loginEditar" />



			<f:facet name="header">
            Lista de Usuários
        </f:facet>

			<p:column headerText="ID" sortBy="#{usuario.id}"
				filterBy="#{usuario.id}" id="id">
            #{usuario.id}
            
             <p:growl id="messages" showDetail="true" />
        </p:column>

			<p:column headerText="Nome" sortBy="#{usuario.nome}"
				filterBy="#{usuario.nome}" id="nome">
            #{usuario.nome}
        </p:column>

			<p:column headerText="Login" sortBy="#{usuario.login}"
				filterBy="#{usuario.login}" id="login">
           	#{usuario.login}
        </p:column>

			<p:column headerText="Senha" sortBy="#{usuario.senha}"
				filterBy="#{usuario.senha}" id="senha">
            #{usuario.senha} 
        </p:column>		
        <p:column >
        <p:commandButton value="Editar" onclick="dlgEditar.show()" icon="ui-icon-pencil" />
        
         <p:commandButton value="Excluir" onclick="confirmaExclusao.show()" icon="ui-icon-trash" />
        
        </p:column>
		</p:dataTable>
    
    
    <p:confirmDialog id="dialgoConfirmaExclusao" message="Tem certeza que deseja excluir o usuario?"  
                header="Comfirmação de Exclusão" severity="alert" widgetVar="confirmaExclusao">  
        <p:commandButton id="btnSim" value="sim" oncomplete="confirmaExclusao.hide()"  
                    actionListener="#{usuarioBean.excluir(usuarioBean.usuarioSelecionado)}" 
                    update="usuariosTable" icon="ui-icon-check" />  
        <p:commandButton id="btnNao" value="Não" onclick="confirmaExclusao.hide()" type="button" icon="ui-icon-closethick" />           
    </p:confirmDialog> 
    
      <p:dialog header="Edite os dados" widgetVar="dlgEditar" resizable="false">  
       
        <h:panelGrid columns="2" style="margin-bottom:10px">  
            <h:outputLabel for="nomeEditar" value="Nome:" />  
            <p:inputText id="nomeEditar" value="#{usuarioBean.usuarioSelecionado.nome}" /> 
             <h:outputLabel for="loginEditar" value="Login:" />  
            <p:inputText id="loginEditar" value="#{usuarioBean.usuarioSelecionado.login}" />
<!--              <h:outputLabel for="senhaEditar" value="Senha:" />   -->
<!--             <p:password id="senhaEditar" value="#{usuarioBean.usuarioSelecionado.senha}" />  -->
        </h:panelGrid>  
       
        <p:commandButton id="btnSalvar" actionListener="#{usuarioBean.editar()}" icon="ui-icon-disk"
         value="Salvar" update="usuariosTable" oncomplete="dlgEditar.hide()"/> 
         <p:commandButton id="btnCancelar" value="Cancelar" oncomplete="dlgEditar.hide()" icon="ui-icon-circlesmall-close"/> 
        
	</p:dialog>  
    
  </h:form> 

</div>

</h:body>
</html>